@import "../../style/public";
.gatheringAccountDel {
  .bg-ct {
    background: #fff;
  }
  .status-failed {
    color: #ee3a31;
  }
  .status-tip {
    background: #fdfcec;
    @include remCalc(font-size, 22);
    @include remCalc(padding, 14, 30);
    line-height: 1.5;
    color: #f87c36;
  }
  .btn-fixed {
    background: #459dff;
    @include remCalc(font-size, 36);
    color: #fff;
    @include remCalc(line-height, 88);
    text-align: center;
  }

  .card-box {
    @include remCalc(padding, 20, 30, 20, 30);
    .card {
      @include remCalc(padding, 20, 30, 30, 30);
      @include remCalc(height, 310);
      background: #459dff;
      border-radius: 8px;
      .f-line {
        display: flex;
        align-items: center;
        @include remCalc(margin-bottom, 75);
        .lft {
          flex: 1;
          @include remCalc(font-size, 48);
          @include remCalc(line-height, 67);
          color: #fff;
        }
        .rght {
          @include remCalc(width, 110);
          @include remCalc(height, 44);
          background: #ffffff;
          border: 1px solid #ffffff;
          border-radius: 8px;
          text-align: center;
          @include remCalc(font-size, 24);
          color: #459dff;
          @include remCalc(line-height, 44);
        }
      }
      .s-line {
        @include remCalc(line-height, 62);
        @include remCalc(font-size, 44);
        @include remCalc(margin-bottom, 55);
        color: #fff;
        display: flex;
        justify-content: space-between;
      }
      .t-line {
        color: #fff;
        display: flex;
        align-items: flex-start;
        .lft {
          @include remCalc(font-size, 28);
          @include remCalc(line-height, 40);
          flex: 1;
        }
        .rght {
          @include remCalc(font-size, 72);
        }
      }
    }
  }
  .b-status {
    @include remCalc(padding, 0, 30, 20, 30);
    .lft {
      @include remCalc(font-size, 28);
      @include remCalc(margin-right, 57);
      i {
        font-style: normal;
      }
    }
    .rght {
      color: #459dff;
      @include remCalc(font-size, 28);
    }
  }
  .account-info {
    @include remCalc(margin-top, 20);
    @include remCalc(font-size, 32);

    color: #333;
    .tt {
      @include remCalc(padding, 20, 30, 20, 30);
      font-weight: bold;
    }
    .row {
      display: flex;
      .label {
        color:#999;
        text-align: left;
        @include remCalc(padding, 20, 30, 20, 30);
      }
      .val {
        text-align: right;
        @include remCalc(padding, 20, 30, 20, 30);
        flex: 1;
        img {
          @include remCalc(height, 200);
          width: auto;
        }
      }
    }
  }
  .btn-box {
    @include remCalc(padding, 60, 30, 120, 30);
    .mt-btn {
      width: 100%;
    }
  }
}
